<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>网站入口</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/entrance.css">
</head>
<body>
    <div class="entrance-wrapper">
    	<div id="entrance-header-left" class="entrance-header-left entrance-header-active">会员中心</div>
    	<div id="entrance-header-right" class="entrance-header-right">理事会成员</div>
    	<div id="entrance-content-left" class="entrance-content entrance-content-open">
    		<input class="search" type="text" name="" placeholder="会员查询">
    		<button style="height: 36px;">搜索</button>
			
			<div class="radio-section">
	    		<input id="111" type="radio" name="select_type"><label for="111">姓名</label>
	    		<input id="222" type="radio" name="select_type"><label for="222">会员号</label>
			</div>

			<div class="btn-section">
	    		<button class="btn btn-primary">会员登录</button>
	    		<button class="btn">会员注册</button>
			</div>
    	</div>
    	<div id="entrance-content-right" class="entrance-content">
    	</div>
    </div>


    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script type="text/javascript">

        $("#entrance-header-right").mouseover(function(){
        	$("#entrance-header-left").removeClass("entrance-header-active");
        	$(this).addClass("entrance-header-active");

        	$("#entrance-content-left").removeClass("entrance-content-open");
        	$("#entrance-content-right").addClass("entrance-content-open");
        });

        $("#entrance-header-left").mouseover(function(){
        	$("#entrance-header-right").removeClass("entrance-header-active");
        	$(this).addClass("entrance-header-active");

        	$("#entrance-content-right").removeClass("entrance-content-open");
        	$("#entrance-content-left").addClass("entrance-content-open");
        });

    </script>
</body>
</html>